<template>
  <view>

  </view>
</template>

<script>
  import {
    getListApi
  } from "@/api/index.js"

  export default {
    data() {
      return {
        query: {
          page: 1, // 当前页码
          limit: 20, // 分页大小
          // 其他的参数  
        },
        list: [], // 列表数据
        total: 0, // 总条数
      }
    },
    methods: {
      // 获取列表数据
      getList() {
        getListApi(this.query).then((res) => {
          // res服务器返回的数据
          // 获取的列表数据
          // this.list = [...this.list, res.data];
          // 获取列表总条数 
          // this.total = res.total
        })
      }
    },
    created() {
      // 加载数据
      this.getList()
    },
    onPullDownRefresh() {
      // 加载第一页
      this.query.page = 1;
      this.list = [];

      // 重新请求数据
      this.getList()
    },
    onReachBottom() {
      // 没有更多
      // if (this.list.length >= this.total) {
      //   uni.showToast({
      //     title:"没有更多!",
      //     icon:"error"
      //   })
      //   return;
      // }

      // 加载下一页
      this.query.page++;
      // 重新请求数据
      this.getList()
    }
  }
</script>

<style lang="scss">
</style>